html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-family: '微软雅黑';
}
img{
border:0px;
}
body {
line-height:1;
overflow-x: hidden;
}
:focus {
outline: 1;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a { margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
a:link,a:visited{
text-decoration: none;
}
ins {background-color:#ff9;
color:#000;
text-decoration:none;
}
mark{background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
li{list-style: none;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/*常用样式*/
/*清除浮动*/
.fix{
zoom: 1;
}
.fix:after{
content: "clear";
display: block;
clear: both;
line-height: 0;
visibility: hidden;
}
.b_des a{
color: #000000;
}
.b_foot a{
color: #000000; line-height: 30px;
}
/*两端对其*/
.justity{
text-align: justify;
}
.justity:after{
content: "";
display: inline-block;
width: 100%;
overflow: hidden;
height: 0px;
}
/*inline-block*/
.dib{
display: inline-block;
*display:inline;
*zoom:1;
}
/*左右浮动*/
.fl{
float:left;
}
.fr{
float:right;
}
.wrap{
width: 100%;
min-width: 1200px;
}
.w1200{
width: 1200px;
margin:auto;
}
.pr{
position: relative;
}
.delay_1s{
animation-delay:1s;
}
.delay_01s{
animation-delay:0.1s;
}
.delay_02s{
animation-delay:0.2s;
}
.delay_03s{
animation-delay:0.3s;
}
.delay_04s{
animation-delay:0.4s;
}
.delay_05s{
animation-delay:0.5s;
}
.delay_06s{
animation-delay:0.6s;
}
.delay_08s{
animation-delay:0.8s;
}
.delay_09s{
animation-delay:0.9s;
}
.delay_07s{
animation-delay:0.7s;
}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
nav{
width: 650px;
min-width: 650px;
}
nav ul{
}
.top_nav_div{width: 1200px;min-width: 1200px;padding: 15px 0;margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;}
nav ul li{display: inline-block;}
nav ul li a{color: #fff;padding: 35px;transition: 0.8s}
nav ul li a:hover{
}
nav ul span{
}
.top_nav{
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.mynav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 750px;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0 auto;
}
.mynav li:not(:last-child) {
margin-right: 20px;
}
.mynav a {
display: block;
text-decoration: none;
padding: 15px;
}
.target {
position: absolute;
border-bottom: 4px solid transparent;
z-index: -1;
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
}
.mynav a,
.target {
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.top_yy{
margin-left: 20px;
}
.top_yy a{
margin: 0 5px;
}
.top_yy a img{
position: relative;
top: 5px;
}
.idx{
width: 1200px;
margin: 0 auto;
}
.idx1{
background: url(../images/idx1_bg.jpg);
overflow: hidden;
}
.idx2{
background: url(../images/idx2_bg.jpg);
overflow: hidden;
}
.idx3{
background: url(../images/idx3_bg.jpg);
overflow: hidden;
}
.idx4{
background: url(../images/idx4_bg.jpg);
overflow: hidden;
}
.idx5{
background: url(../images/idx5_bg.jpg);
overflow: hidden;
}
.op{
opacity: 0;
}
.p_1,.p_2,.p_3,.p_4,.p_5{
position: relative;
width: 1200px;
min-width: 1200px;
height: 550px;
margin:0 auto;
}
.p_1_l{
position: relative;
width: 50%;
}
.p_1_l img{
position: absolute;
left: 0;
z-index: 99;
}
.p_1_r{
position: relative;
width: 50%;
box-sizing: border-box;
padding-left: 30px;
}
.p_1_r img{
}
.p_1_r>img{
display: block;
}
.p_1_r_text{
position: relative;
height: 175px;
}
.p_1_r_text span{
display: inline-block;
float: left;
width: 26%;
}
.p_1_r_text p{
position: absolute;
font-size: 14px;
text-align: left;
bottom: 0;
padding-left: 10px;
border-left: 3px solid #36a2ea;
opacity: 0.7;
}
.p_1_r_text_s{
opacity: 0;
}
.p_1_r_text_sX{
opacity: 1;
}
.chf{
position: absolute;
width: 1880px;
overflow: hidden;
bottom: 0px;
height: 370px;
z-index: 10;
transition:1s;
}
.p_1_pdtj{
height: 575px;
width: 598px;
animation:p_1_pdtj 1s;
}
@keyframes p_1_pdtj{
from {width:0px;height:0px;
}
to {height: 575px;width:598px;
}
}
.chf_1x{
width: 300px;
height: 180px;
transform: skewY(30deg);
-webkit-transform: skewY(-25deg);
-moz-transform: skewY(30deg);
position: absolute;
left: -76px;
bottom: 82px;
overflow: hidden;
}
.chf_1{
width: 300px;
height: 180px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
animation: chf_1 0.2s;
animation-delay: 2s;
}
@keyframes chf_1{
from {width:0px;}
to {width: 300px;}
}
.chf_1_2{
width: 300px;
height: 180px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
animation: chf_1_2 0.2s;
animation-delay: 2s;
}
@keyframes chf_1_2{
from {width:300px;}
to {width: 0px;}
}
.chf_2x{
width: 591px;
height: 180px;
transform: skewY(30deg);
-webkit-transform: skewY(31deg);
-moz-transform: skewY(30deg);
position: absolute;
left: 223px;
bottom: -25px;
opacity: 0.6;
overflow: hidden;
}
.chf_2{
width: 500px;
height: 280px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0.6;
animation: chf_2 0.2s;
animation-delay: 2.2s;
}
@keyframes chf_2{
from { left: -618px;}
to { left: 0px;}
}
.chf_2_2{
width: 500px;
height: 280px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0.6;
animation: chf_2_2 0.2s;
animation-delay: 2.2s;
}
@keyframes chf_2_2{
from { left: 0px;}
to { left: -618px;}
}
.chf_3x{
width: 871px;
height: 178px;
transform: skewY(30deg);
-webkit-transform: skewY(-24deg);
-moz-transform: skewY(30deg);
position: absolute;
left: 436px;
overflow: hidden;
bottom: -2px;
}
.chf_3{
width: 871px;
height: 178px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
animation: chf_3 0.2s;
animation-delay: 2.4s;
}
@keyframes chf_3{
from { left: -850px;}
to { left: 0px;}
}
.chf_3_2{
width: 871px;
height: 178px;
background: #2782be;
position: absolute;
left: 0px;
bottom: 0px;
animation: chf_3_2 0.2s;
animation-delay: 2.4s;
}
@keyframes chf_3_2{
from { left: 0px;}
to { left: -850px;}
}
.chf_4x{
width: 800px;
height: 178px;
transform: skewY(30deg);
-webkit-transform: skewY(26deg);
-moz-transform: skewY(30deg);
position: absolute;
right: -227px;
bottom: -4px;
overflow: hidden;
opacity: 0.6;
}
.chf_4{
width: 800px;
height: 178px;
background: #2782be;
position: absolute;
right: 0;
bottom: 0px;
opacity: 0.6;
animation: chf_4 0.2s;
animation-delay: 2.6s;
}
@keyframes chf_4{
from {right:800px;}
to {right:0px;}
}
.chf_4_2{
width: 800px;
height: 178px;
background: #2782be;
position: absolute;
right: 0;
bottom: 0px;
opacity: 0.6;
animation: chf_4_2 0.2s;
animation-delay: 2.6s;
}
@keyframes chf_4_2{
from {right:0px;}
to {right:800px;}
}
.chf_btm{
bottom: -269px!important;
}
.p1_fls{
}
.p1_fls ul{
}
.p1_fls ul li{
float: left;
}
.p1_fls ul li:nth-child(1){
position: absolute;
top: -332px;
left: -178px;
}
.fls_o1{
position: absolute;
bottom: 150px;
left: 0;
}
.p1_fls ul li:nth-child(2){
position: absolute;
}
.p1_fls ul li:nth-child(3){
position: absolute;
width: 20px;
height: 45px;
border: 1px solid;
border-radius: 10px;
right: 389px;
bottom: 180px;
overflow: hidden;
}
.allw_d{
width: 9px;
position: relative;
height: 9px;
border-radius: 5px;
background: #fff;
margin: 0 auto;
bottom: 0;
animation: allw_dx 1.8s infinite;
}
@keyframes allw_dx{
from {bottom: 10px;}
to {bottom: -50px;}
}
.p1_fls ul li:nth-child(4){
position: absolute;
top: -193px;
right: -101px;
}
.fls_o2{
position: absolute;
left: 0;
}
.fls_o3{
position: absolute;
bottom: 108px;
right: 168px;
}
.fls_jt2{
position: absolute;
bottom: -223px;
left: -107px;
}
.fls_xx2{
}
.fls_scroll{
animation: myfirst 2s infinite;
}
@keyframes myfirst {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, -10px);
}
100% {
transform: translate(0px, 0px);
}
}
.am_o1{
animation: am_o1 3s infinite;
}
@keyframes am_o1 {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(5px, -10px);
}
100% {
transform: translate(0px, 0px);
}
}
.am_o2{
animation: am_o2 10s infinite;
}
@keyframes am_o2 {
0% {
transform: translate(0px, 0px);
}
25%{
transform: translate(20px, 30px);
}
50% {
transform: translate(50px, 50px);
}75%{
transform: translate(10px, 30px);
}
100% {
transform: translate(0px, 0px);
}
}
.am_o3{
animation: am_o3 10s infinite;
}
@keyframes am_o3 {
0% {
transform: translate(0px, 0px);
}
25%{
transform: translate(-20px, -30px);
}
50% {
transform: translate(-50px, -50px);
}75%{
transform: translate(-10px, -30px);
}
100% {
transform: translate(0px, 0px);
}
}
.am_o4{
animation: am_o3 20s infinite;
}
@keyframes am_o3 {
0% {
transform: translate(0px, 0px);
}
25%{
transform: translate(-50px, 0px);
}
50% {
transform: translate(0px, -50px);
}75%{
transform: translate(4px, 60px);
}
100% {
transform: translate(0px, 0px);
}
}
.idx2_abt{
padding-top: 160px;
}
.idx2_abt_l{
width: 24%;
}
.idx_l3{
font-size: 30px;
padding: 0 0px 35px 153px;
}
.idx_l4{
}
.idx_l4 span{
}
.idx_l4 span a{
font-size: 22px;
color: #fff;
padding: 10px 14px 10px 10px;
border: 1px solid;
transition: 1s;
position: relative;
}
.idx_l4 span a:hover{
color: #f37d00;
border: 1px solid #f37d00;
position: relative;
}
.idx_l4 span a:before{
content: '';
position: absolute;
left: 100px;
top: 18px;
bottom: auto;
right: auto;
height: 20px;
width: 13px;
background: url(../images/jt_09.png);
}
.idx_l4 .spann a:before{
content: '';
position: absolute;
left: 130px;
top: 18px;
bottom: auto;
right: auto;
height: 20px;
width: 13px;
background: url(../images/jt_09.png);
}
.idx_l5{
padding-top: 25px;
}
.idx_l5:hover.idx_l5 span:first-child{
background: #f37d00;
}
.idx_l5:hover.idx_l5 span:last-child{
background: #00a3ff;
}
.idx_l5 span:first-child{
width: 54px;
height: 54px;
display: inline-block;
background: #00a3ff;
border-radius: 50px;
position: relative;
top: 10px;
left: 10px;
transition: 0.5s
}
.idx_l5 span:last-child{
font-size: 23px;
width: 160px;
height: 47px;
line-height: 48px;
display: inline-block;
background: #f37d00;
border-radius: 30px;
color: #fff;
transition: 0.5s
}
.idx_l5 span img{
margin-top: 5px;
}
.idx2_abt_r{
width: 76%;
}
.idx2_abt_r span{display: inline-block;}
.idx2_abt_r1{
float: left;
width: 58%;
position: relative;
padding: 0 57px;
}
.idx2_abt_r1 a{
color:#ffffff;
}
.idx2_abt_r1:before{
content: '';
position: absolute;
left: 58px;
top: 42px;
bottom: auto;
right: auto;
height: 3px;
width: 50px;
background-color: #f27d00;
}
.idx2_abt_r1 h4{
font-size: 26px;
text-align: left;
}
.idx2_abt_r1 p{
font-size: 16px;
margin-top: 35px;
text-align: left;
}
.idx2_abt_r2{
float: right;
position: absolute;
right: 0;
width: 22%;
height: 91px;
top: 100px;
}
.idx2_abt_r2 img{
position: absolute;
left: 0;
z-index: 10;
}
.idx2_abt_r2:before{
content: '';
position: absolute;
left: 225px;
top: -5px;
bottom: auto;
right: auto;
height: 50px;
width: 50px;
background-color: #f27d00;
}
.idx2_abt_r2:after{
content: '';
position: absolute;
left: -12px;
top: 496px;
bottom: auto;
right: auto;
height: 30px;
width: 30px;
background-color: #f27d00;
}
.p3_l{
width: 70%;
}
.p3_l ul{
}
.p3_l li{
}
.p3_l{
}
.p3_r{
margin-top: 75px;
}
.idx_p2{
text-align: left;
}
.idx_p3{
font-size: 30px;
text-align: left;
}
.idx_p4{
}
.idx_p4 span{
}
.idx_p4 span a{
font-size: 22px;
color: #fff;
padding: 10px 64px 10px 10px;
border: 1px solid;
transition: 1s;
position: relative;
}
.idx_p4 span a:before{
content: '';
position: absolute;
left: 95px;
top: 17px;
bottom: auto;
right: auto;
height: 20px;
width: 13px;
background: url(../images/jt_09.png);
}
.idx_p4 span a:after{
content: '';
position: absolute;
left: 111px;
top: 17px;
bottom: auto;
right: auto;
height: 20px;
width: 13px;
background: url(../images/jt_09.png);
}
.idx_p4 span a:hover{
color: #f37d00;
border: 1px solid #f37d00;
position: relative;
}
.idx_p5{
padding-top: 25px;
}
.idx_p5 a:hover span{
background: #00a3ff;
}
.idx_p5 a{
float: left;
}
.idx_p5 span{
font-size: 23px;
width: 160px;
height: 47px;
line-height: 48px;
display: inline-block;
background: #f37d00;
border-radius: 30px;
color: #fff;
transition: 0.5s
}
.bounceInLeft1{
animation-name: bounceInLeft1;
position: relative;
}
@keyframes bounceInLeft1 {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
left: -3000px;
}
60% {
opacity: 1;
left: -50px;
}
75% {
left: -10px;
}
90% {
left: 5px;
}
to {
left: 0px;
}
}
.box
{
position: relative;
width: 840px;
margin: 60px auto;
}
.lineF, .lineS
{
position: absolute;
visibility: hidden;
}
.lineS
{
top: 182px;
left: 105px;
}
.boxF, .boxS, .boxT, .overlay
{
width: 200px;
height: 250px;
overflow: hidden;
}
.boxF, .boxS
{
visibility: hidden;
}
.boxF
{
transform: rotate(120deg);
float: left;
margin-left: 10px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
.boxS
{
transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
.boxT
{
transform: rotate(-60deg);
background: no-repeat 50% center;
background-size: 125% auto;
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
visibility: visible;
}
.overlay
{
transition: all 250ms ease-in-out 0s;
display: none;
position: relative;
}
.overlay:hover
{
background-color: rgba(243,125,0,0.7);
}
.boxT:hover .overlay
{
display: block;
}
.overlay a
{
display: inline-block;
color: #fff;
margin-top: 92px;
border-radius: 3px;
text-align: center;
line-height: 39px;
text-decoration: none;
font-size: 18px;
}
.overlay div:last-child{
width: 33px;
height: 33px;
margin: 0 auto;
border-radius: 35px;
line-height: 30px;
font-size: 28px;
text-align: center;
background: #fed000;
}
.pdt_pk{
position: absolute;
width: 100%;
height: 100%;
}
.pdt_pk1{
position: absolute;
width: 20px;
height: 20px;
left: 61%;
top: 40px;
background: #f37d00;
}
.pdt_pk2{
position: absolute;
width: 30px;
height: 30px;
left: 19%;
top: 385px;
background: #f37d00;
}
.pdt_pk3{
position: absolute;
left: 21%;
top: 324px;
height: 100px;
width: 100px;
background: url(../images/xix_11.png) no-repeat;
}
.pls_o3{
position: absolute;
left: 60%;
top: 260px;
}
.pls_o2{
position: absolute;
left: 19%;
top: 242px;
}
.news{
padding-top: 100px;
}
.news_l{
position: relative;
width: 20%;
}
.news_l1{
}
.news_l2{
}
.news_l3{
font-size: 30px;
}
.news_l4{
margin-top: 30px;
}
.news_l4 span a{
font-size: 22px;
color: #fff;
padding: 10px 40px 10px 10px;
border: 1px solid;
transition: 1s;
position: relative;
}
.news_l4 span a:hover{
color: #f37d00;
border: 1px solid #f37d00;
position: relative;
}
.news_l4 span a:before{
content: '';
position: absolute;
left: 112px;
top: 17px;
bottom: auto;
right: auto;
height: 20px;
width: 13px;
background: url(../images/jt_09.png);
}
.news_r{
width: 80%;
}
.news_rt{
width: 20px;
height: 600px;
float: left;
border-radius: 10px;
top: -75px;
position: relative;
}
.news_rt:before{
content: '';
position: absolute;
left: 8px;
top: 8px;
height: 600px;
width: 10px;
background: #fff;
}
.news_rt div{
transition: 0.8s;
}
.news_rt1{
width: 15px;
height: 15px;
background: #fff;
border: 5px solid #00a3ff;
border-radius: 50px;
position: absolute;
}
.news_rt2{
width: 25px;
height: 25px;
background: #fff;
border: 5px solid #00a3ff;
border-radius: 50px;
position: absolute;
top: 25%;
}
.news_rt3{
width: 25px;
height: 25px;
background: #fff;
border: 5px solid #00a3ff;
border-radius: 50px;
position: absolute;
top: 50%;
}
.news_rt4{
width: 25px;
height: 25px;
background: #fff;
border: 5px solid #00a3ff;
border-radius: 50px;
position: absolute;
top: 75%;
}
.news_rt5{
width: 15px;
height: 15px;
background: #fff;
border: 5px solid #00a3ff;
border-radius: 50px;
position: absolute;
top: 99%;
}
.news_r_list{
padding-left: 45px;
}
.news_r_list li{
padding: 30px;
margin: 20px;
position: relative;
transition: 0.8s;
border: 1px solid #063352;
background: rgba(16,86,137,0.5);
}
.news_r_list li:hover{
border: 1px solid #ccc;
}
.news_r_list li a{
text-align: left;
color: #fff;
}
.news_r_list li a h4{
font-size: 18px;
margin-bottom: 10px;
}
.news_r_list li a p{
font-size: 14px;
}
.news_r_list li span{
font-size: 16px;
position: absolute;
right: 32px;
top: 31px;
}
.news_f{
position: absolute;
width: 100%;
height: 100%;
}
.nls_o1{
position: absolute;
left: 9%;
top: 60px;
}
.nls_o2{
position: absolute;
right: 19%;
top: 442px;
}
.nls_o3{
position: absolute;
left: 20%;
top: 401px;
}
.nls_jt1{
position: absolute;
left: 21%;
top: 553px;
}
.nls_jt2{
position: absolute;
left: 57%;
}
.contus{
}
.cont_1{
}
.cont_1 span{
width: 400px;
height: 200px;
float: left;
display: inline-block;
box-sizing: border-box;
position: relative;
}
.cont_1_s1{
}
.cont_1_s1 div{
text-align: left;
margin: 14px auto;
line-height: 32px;
}
.cont_1_s1 div img{
float: left;
}
.cont_1_s1 div p{
font-size: 14px;
}
.albb{
position: absolute;
top: 20px;
right: 66px;
}
.cont_1_s1:before{
content: '';
position: absolute;
left: 400px;
top: 6%;
bottom: auto;
right: auto;
height: 147px;
width: 1px;
background-color: #a89d9e;
}
.cont_1_s2 div:first-child{
width: 95px;
height: 95px;
border-radius: 55px;
background: #00a3ff;
margin: 0 auto;
}
.cont_1_s2 div:last-child{
background: #f37d00;
width: 140px;
height: 45px;
border-radius: 55px;
margin: 15px auto;
transition: 0.5s;
}
.cont_1_s2 div:last-child a{
font-size: 20px;
color: #fff;
line-height: 44px;
}
.cont_1_s2 div:last-child:hover{
background: #00a3ff;
}
.cont_1_s2:before{
content: '';
position: absolute;
left: 400px;
top: 6%;
bottom: auto;
right: auto;
height: 147px;
width: 1px;
background-color: #a89d9e;
}
.cont_l3{
font-size: 30px;
}
.fir_list{
width: 100%;
font-size: 14px;
text-align: left;
}
.fir_list a{
color: #fff;
}
.ny_top{
text-align: center;
position: relative;
}
.ny_top div{
font-size: 37px;
font-weight: bold;
position: relative;
z-index: 10
}
.ny_top h3{
position: relative;
font-size: 74px;
color: #f0f0f0;
top: 47px;
opacity: 0.7;
font-family: Impact;
}
.ny_top p{
position: absolute;
right: 0;
bottom: 0;
z-index: 11;
}
.ny_top p a{
color: #000;
}
.ny_gl{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1200px;
margin-top: 30px;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
.ny_gl div{
font-size: 20px;
padding: 10px 70px 10px 45px;
margin: 10px;
border: 1px solid;
transition: 0.5s;
position: relative;
}
.ny_gl div a{
color: #000;
transition: 0.6s;
}
.ny_gl div:hover{
background: #00a3ff;
border: 1px solid #fff;
}
.ny_gl div:hover a{
color: #fff;
}
.ny_gl div:before{
content: '';
position: absolute;
right: 30px;
height: 21px;
width: 13px;
background: url(../images/jt_09.png);
}
.ny_btm{
padding-top: 15px;
}
.ny_btm ul{
}
.ny_btm ul li{
display: inline-block;
width: 235px;
height: 47px;
text-align: center;
line-height: 47px;
position: relative;
}
.ny_btm ul li:before{
content: '';
position: absolute;
top: 11px;
bottom: auto;
right: 0;
height: 25px;
width: 1px;
background-color: #e4e4e4;
}.ny_btm ul li:last-child:before{
content: '';
position: absolute;
top: 11px;
bottom: auto;
right: 0;
height: 25px;
width: 0px;
background-color: #e4e4e4;
}
.ny_btm ul li a{
color: #e4e4e4;
}
.ny_btm span{
display: inline-block;
}
.ny_btm span:first-child{
width: 200px;
position: relative;
left: 31px;
top: 20px;
text-align: center;
}
.ny_btm span p{
font-size: 14px;
}
.cont_2_s1{
padding: 0px 50px;
width: 300px; color: #ffffff;
}
.cont_2_s1 div{
text-align: left;
margin: 14px auto;
line-height: 32px; color: #ffffff;
}
.cont_2_s1 div img{
float: left;
}
.cont_2_s1 div p{
font-size: 14px;
}
.cont_2_s1:before{
content: '';
position: absolute;
left: 400px;
top: 6%;
bottom: auto;
right: auto;
height: 147px;
width: 0px;
background-color: #a89d9e;
}
.abt_ny_r{
margin-bottom: 30px;
line-height: 30px;
}
.abt_ny_r a{
color:#000000;
}
.pdt_ny_r{
}
.pdt_ny_r li{
width: 31%;
display: inline-block;
margin: 1%;
position: relative;
overflow:hidden;
}
.pdt_ny_r li a{
}
.pdt_ny_r li:before{
content: '';
position: absolute;
left: 0;
top: -100%;
bottom: auto;
right: auto;
height: 86%;
width: 100%;
opacity: 0.6;
background-color: #000;
transition: 0.7s;
}
.pdt_ny_r li:hover:before{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 86%;
width: 100%;
opacity: 0.6;
pointer-events: none;
background-color: #000;
}
.pdt_ny_r li:hover .jiah{
position: absolute;
width: 50px;
left: 43%;
top: 42%;
height: 50px;
border: 1px solid #fff;
border-radius: 28px;
text-align: center;
transition:0.8s;
color: #fff;
font-size: 43px;
}
.jiah{
position: absolute;
width: 50px;
left: 43%;
top: -50%;
height: 50px;
border: 1px solid #fff;
border-radius: 28px;
text-align: center;
transition: 0.8s;
color: #fff;
font-size: 43px;
}
.pdt_ny_r li a img{
width: 100%;
}
.pdt_ny_r li a p{
text-align: center;
font-size: 20px;
padding: 20px 20px 20px 20px;
background: #063352;
color: #fff;
transition: 0.7s;
}
.pdt_ny_r li:hover p{
text-align: center;
font-size: 20px;
padding: 20px 20px 20px 20px;
background: #f27d00;
color: #fff;
}
.fy{
padding: 10px 0;
}
.fy li{
display: inline-block;
}
.fy li a{
padding: 6px;
margin: 6px;
display: inline-block;
border-radius: 6px;
color: #fff;
background: #063352;
}
.c{
border: 1px solid;
padding: 6px;
margin: 6px;
display: inline-block;
border-radius: 6px;
color: #000;
background: #fff;
}
.news_ny_r{
width: 100%;
}
.news_cp2{
}
.news_cp2 li{
background: #e8e8e8;
margin: 21px;
padding: 23px;
box-sizing: border-box;
transition: 0.5s;
border: 1px solid #ccc;
}
.news_cp2 li:hover{
border: 1px solid #f27d00;
}
.news_cp2 li a{
color: #000;
}
.news_cp2 li a h4{
font-size: 18px;
padding: 10px 0 10px 5px;
position: relative;
}
.news_cp2 li a h4 div{
width: 5px;
height: 5px;
background: #000;
float: left;
position: relative;
top: 5px;
right: 5px;
transition: 0.5s
}
.news_cp2 li:hover div{
background: #f27d00;
}
.news_cp2 li a p{
}
.news_cp2 li a span{
}
.pdt_xq{
text-align: center;
}
.pdt_xq h4{
font-size: 29px;
padding: 25px;
margin-bottom: 20px;
border-bottom: 1px solid #6666;
}
.__list{
}
.__list h2{
font-size: 22px;
padding: 20px 0;
}
.b_time{
color: #666
}
.b_main{
line-height: 30px;
padding: 30px 0;
}
.__contact{
padding-top: 8px;
font-size: 14px !important;
font-family: '΢ÈíÑźÚ';
padding-left: 25px;
}
.__contact .top{
padding-bottom: 25px;
/*border-bottom: 1px dotted black;*/
}
.__contact .top li{
list-style-position: inside;
}
.__contact .top ul{
float: left;
overflow: hidden;
padding: 0px 20px;
margin-top: 20px;
padding-right: 50px;
}
.__contact .search button{
}
.__contact ul li{
padding-left: 10px;
}
.__contact .map_contact{
width: 678px;
height: 309px;
}
.__contact .form input{
display: inline-block;
width: 318px;
margin-right: 18px;
/*height: 48px;*/
border:1px solid #dadbdc;
padding:15px;
color: #999;
background: #fafafa;
}
.__contact .form textarea{
display: inline-block;
width: 1088px;
height: 243px;
margin-top: 20px;
background: #fafafa;
border:1px solid #dadbdc;
font-size: 14px;
}
.__contact .img-l,.img-r{
display: block;
}
.__contact .img-l{
margin-left: 45px;
margin-bottom: 15px;
}
.__contact .img-r{
float: right;
margin-right: 62px;
}
.__contact{
/*padding-top: 68px;*/
overflow: hidden;
padding-bottom: 25px;
margin-bottom: 10px;
width: 1100px;
margin:auto;
}
.__contact p,.__contact li{
font-size: 16px;
line-height: 30px;
font-weight: lighter;
}
::-webkit-input-placeholder{
font-family: "΢ÈíÑźÚ";
};
::input-placeholder{
font-family: "΢ÈíÑźÚ";
}